<script setup lang="ts">
const cart = useCartStore();
</script>

<template>
  <h2 class="title">购物车</h2>
  <CartList></CartList>
  <div class="total-info">
    <p class="total-count">总数量：{{ cart.totalCount }}</p>
    <p class="total-count">总价格：{{ cart.totalPrice }}</p>
  </div>
  <BottomButton>结账</BottomButton>
</template>

<style lang="scss" scoped>
.title {
  text-align: center;
}
.total-info {
  border-top: 1px solid var(--border-color);
  font-size: 16rem;
  padding: 20rem;
}
</style>
